/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
body {
	background-color: #FDFDFD;
}

.h1 {
  font-size: 2em;
  font-weight: bold;
  color: #3b5998;
  margin: 40px 0px 70px;
  text-align: center;
}

.points {
  font-weight: bold;
  color: #0e1f5b;
}

.session {
  color: #c3cddf;
}

A:link {font-weight: bold; text-decoration: none}
A:visited {font-weight: bold; text-decoration: none}
A:active {font-weight: bold; text-decoration: none}
A:hover {font-weight: bold; color: red;}

.gameHistory {
  background-color: #f7f7f7;
  color: #0e1f5b;
}

.button-pass {
   background-color: #bdc7d8	;
   color: #0e1f5b;
 }

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: #0e1f5b;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.domino-debug {
   background-color: grey;
   color: black;
 }
 
.grid-othello {
  padding: 0px; 
  border: 0px;
}

.tableCell-othello {
  padding: 0px;
  border: 1px solid #ffffff;
}

.tableCell-even {
  padding: 5px;
  background: #008AB8;
  border: 1px solid #ffffff;
}

.tableCell-odd {
  padding: 5px;
  background: #FFCC33;
  border: 1px solid #ffffff;
}


/** POPUP **/
.message-table-center
{
    margin-left            :    auto;
    margin-right           :    auto;
}
.message-popup
{
    background-color       :    #e2c822;
}

.message-Composite
{
    margin                 :    0 auto;
}
.message-popup-info
{
	color				   :    #0e1f5b
    font-size              :    90%;
    font-weight            :    bold;
    border-bottom          :    0px;
    padding                :    5px;
    text-align             :    center;
}
.message-popup-info A:hover {font-weight: bold; color: red;}

.message-popup-wait
{
    padding                :    5px;
    horizontal-align       :    center;
}